import React from 'react';
import styles from './index.less';

const IDCard = (props: any): any => {
  const { type } = props;
  const title = type === 0 ? '平台端' : '商家端';
  return (
    <div className={styles.id_wrapper}>
      <h2 className={styles.role_title}>{title}</h2>
      <i
        className={`iconfont ${
          type === 0 ? 'icon-bailongxianshiqi' : 'icon-bailongshangjia'
        } ${styles.role_icon}`}
        style={{ fontSize: type === 0 ? '54px' : '48px', lineHeight: '60px' }}
      ></i>
      <div className={styles.id_line} style={{ width: '120px' }}></div>
      <div className={styles.id_line} style={{ width: '140px' }}></div>
    </div>
  );
};

export default IDCard;
